@import "tailwindcss";

/* src/assets/css/fonts.css */

@font-face {
  font-family: "YouSheBiaoTiHei";
  src: url("./assets/YouSheBiaoTiHei.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.title {
  font-family: "YouSheBiaoTiHei";
}

html {
  height: 100vh;
}

#root {
  height: 100%;
  width: 100%;
}

.hexagon {
  --fold-size: 14px;
  --border-color: #c3d4f5;
  --bg-color: #ffffff;

  /* width: 300px;
  height: 200px; */
  position: relative;
  background: var(--border-color);
  clip-path: polygon(
    var(--fold-size) 0%,
    calc(100% - var(--fold-size)) 0%,
    100% var(--fold-size),
    100% calc(100% - var(--fold-size)),
    calc(100% - var(--fold-size)) 100%,
    var(--fold-size) 100%,
    0% calc(100% - var(--fold-size)),
    0% var(--fold-size)
  );
}

.hexagon::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background: var(--bg-color);
  clip-path: polygon(
    var(--fold-size) 0%,
    calc(100% - var(--fold-size)) 0%,
    100% var(--fold-size),
    100% calc(100% - var(--fold-size)),
    calc(100% - var(--fold-size)) 100%,
    var(--fold-size) 100%,
    0% calc(100% - var(--fold-size)),
    0% var(--fold-size)
  );
  z-index: -1;
}
/* 自定义滚动条 */
.custom-scrollbar::-webkit-scrollbar {
  width: 8px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  width: 8px;
  border-radius: 4px;
  background-color: #a9bdd7;
}
.custom-scrollbar::-webkit-scrollbar-track {
  /* background: rgba(255,255,255, 1); */
  background: transparent;
}

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ellipsis-rows {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orident: vertical;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
